Hoy en día la cantidad de modelos de plantillas para Blogger es muy variada, se hace difícil a la hora de escoger la que más se adapta a nuestro gusto y necesidades.
Quizás por eso muchas veces decidimos personalizar nuestra propia plantilla.
La plantilla que más se presta a ser modificada y que menos problemas presenta a la hora de trabajar en ella es la Minima de Blogger.


Es simple y diáfana y casi todos la tuvimos alguna vez como blog para pruebas o "experimentos" con ella vamos a hacer unos cambios, separar secciones para darle una imagen diferente.
Esa imagen dependerá mucho de la imaginación de cada uno y el resultado es la satisfacción de tener una plantilla personalizada por nosotros.

Para empezar vamos a situarnos en Plantilla/Edicción de HTML no hará falta expandir la plantilla puesto que sólo trabajaremos en la CSS.

Ubicamos .post-body { y añadimos un borde con:
border: 1px solid #cc6666;

Comprobaremos en vista previa y veremos que no queda espacio entre el borde y el texto entonces añadiremos más espacio con:
padding: 5px 5px 5px 22px;

Para decorar un poco más ese espacio podemos añadirle también un color de fondo con
background:#ffffff;

O si preferimos una imagen con background:url('url-de-la-imagen');

Incluso redondear esas esquinas con:
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

( visualizado con Explorer el efecto esquinas redondeadas se pierde y en su lugar quedan líneas rectas)

border: 1px solid #cc6666;
padding: 10px 5px 10px 22px;
background:#ffffff;

-moz-border-radius: 15px;
-webkit-border-radius: 15px; }

El resultado sería el siguiente:


Si deseamos añadir el mismo efecto en el footer y que las etiquetas, autor, fecha y demás también tengan la misma imagen ubicaremos .post-footer { y añadimos las mismas líneas que en .post-body {

Para la sidebar nos encontraríamos con la necesidad de una pequeña modificación en:

.sidebar .widget, .main .widget {
border-bottom:1px dotted #cc6666;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Creamos dos secciones con ese código de forma que sean independientes y eliminamos el anterior.

.sidebar .widget {
border-bottom:1px dotted #cc6666;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .widget {
border-bottom:1px dotted #cc6666;
margin:0 0 1.5em;
padding:0 0 1.5em;
}


Le añadimos las líneas de código igual que en .post-body {
pero solamente en .sidebar .widget {

.sidebar .widget {
border-bottom:1px dotted #cc6666;
margin:0 0 1.5em;
padding:0 0 1.5em;
border: 1px solid #cc6666;
padding: 10px 5px 10px 22px;
background:#ffffff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}


Mientras hacía esta entrada me entretuve añadiendo una imagen de fondo a la plantilla y unos iconos a los títulos de la sidebar, la diferencia es bien palpable.


Personalizar la plantilla no quiere decir que sigas estos pasos, únicamente se intenta orientar y sobre todo animar para que pierdas el miedo a manipular tu plantilla, seguramente tendrás mil ideas y puedo asegurar que cuando las lleves a la práctica quedarás asombrado de las posibilidades que tenemos a nuestro alcance.

Pueden empezar cuando gusten


Anónimo

Hola Gema espero que estes bien, oye tengo unas super dudas.
De casualidad subiras una plantilla con estos cambios para que la podamos descargar?
lo que pasa es que cuando pongo una imagen, pareciera que es muy grande o no se, pero se ve el cuadrito incompleto, la linea derecha no se ve y pues te imaginaras que no se ve muy bien, gracias !!

Responder
Anónimo

Hola Gema espero que estes bien, oye tengo unas super dudas.
De casualidad subiras una plantilla con estos cambios para que la podamos descargar?
lo que pasa es que cuando pongo una imagen, pareciera que es muy grande o no se, pero se ve el cuadrito incompleto, la linea derecha no se ve y pues te imaginaras que no se ve muy bien, gracias !!

Responder
Anónimo

hola hola a todos.
Gema ayudame porfa !!
hice todo y me queda un espacio muy grande a la derecha, no es posible que se rrecorran un poco de lugar los cuadritos?

Responder
Anónimo

Entonces... ¿esto que nos explicas hoy sólo sirve para la plantilla Minima o también se puede aplicar a otras? Y de ser así... ¿se haría de la misma forma o habría que hacer algunos cambios?

Un saludo! y gracias, muchas gracias! ;)

Responder
Admin

Hola gem@ muchas gracias por responderme, pero... no es lo que buscaba, como te dije las imagenes ya las tengo, no necesito ponerles bordes porque ya lo tienen las imagenes.

Lo que necesito saber es como hacer que la imagen del main termine al terminar el artículo o la parte donde dice publicado por... que no se repita, y que me salga la parte de abajo de la imagen en la sidebar, ya que logré que quede en bloques pero no se ve el final de la imagen, sale la parte de arriba pero la de abajo no.
Dale una mirada y te vas a dar cuenta de lo que quiero.

Besos;D

Responder
Gem@

Hola anónimo no tengo inconveniente de hacerlo pero me gustaría entonces perfeccionarla un poco, igualar el main de la sidebar y algún que otro retoque. Cuando la tenga te aviso.

Debo ver tu blog Akma :(

Anónimo es aplicable a todas con la diferencia que quizás el código no vendría expresado igual.
¿Qué plantilla usas?

Veamos k_nelita el borde es lo de menos con no añadir esa línea está solucionado.
En la entrada queda como tu me explicas (creo) ocupa sólo la parte de la entrada
que la imagen del main termine al terminar el artículo o la parte donde dice publicado por... que no se repita

Para que la imagen sólo abarque la entrada debes añadir la imagen en .post-body {

Tu la añadiste en #main-wrapper {
eso hace que la imagen se alargue y ocupe todo el main de arriba a bajo.

Otra cosa...
Para que la imagen se vea completa y no se repita en .sidebar .widget{ debes añadir no-repeat
Algo así:

.sidebar .widget{
background: url(imagen);
background-repeat: no-repeat;
padding-left: 10px;
margin:0 0 1.0em;
}

Veamos ahora ;)

Responder
Admin

Creo que el poblema está en el tamaño de la imagen o que el borde inferior de la imagen va en otro lado, se sigue repitiendo en main y en sidebar se corta antes de terminar el bloque, o sea queda sin imagen una gran parte.
Yo quería que la imagen empezara tomando también el titulo de la entrada, pero bueno eso sería lo de menos.
Y el footer no puedo ponerle imagen por mucho que cambie de código.
La imagen parece que no se achica ni se alarga de acuerdo a las circunstancias, no se que mas puedo hacer... se me ocurre que la parte de abajo de la imagen debe ir en otro sitio, pero no se donde.
Yo usé esa imagen en miarroba y se ponía en otro lado el final, entonces no repetía el borde final, pero en Blogger no se donde la pondría... son diferentes los códigos, en miarroba están mayormente en español y no puedo saber que parte corresponde a cual, si querés te mando por mail la css de miarroba a ver si vos podés dilucidar esto.
Igualmente miralo para que veas como quedó siguiendo los pasos que me das.
Muchas gracias gemit@ ;)

Responder
Gem@

Voy a probar con tus imágenes ;)

Responder
Anónimo

Gracias Gema estare pendiente para ver si pones disponible en descarga una plantilla asi, xoxo

Responder
Gem@

Si me dejas el enlace a tu blog te avisaré nada más la tenga terminada anónimo.

Responder
Admin

Perdona si soy pesada gem@, pero recibiste los mails que te mandé?
O probaste con mis imagenes como dijiste que harías?
Estoy trabajando igual en el blog, pero no es lo que quería, quiero, mejor dicho, me gustaban esa imagenes pero no se como ponerlas, no te olvides de mi porfiii...:'-(

Responder
Gem@

No he tenido tiempo k_nelita son muchos los comentarios que tenía atrasados, una plantilla a medio modificar otra con un problema que te asuntarías y una entrada a medio hacer.
Intentaré solucionarlo antes de ir a la cama pero con la plantilla que me mandaste no tengo mucha orientación Mi arroba es completamente distinta a Blogger :(

Responder
Shark_Bloody

Hola, te agrego un dato, no se si ya esta descubierto en los comentaios, pero poniendo, por ejemplo:

-moz-border-radius-topright: XXpx;

se produce un borde solo en la esquina superior derecha, donde XX es el numero de pixeles, te comento porque el primer razonamiento que tuve fue poner:

-moz-border-radius-top-right: XXpx;

Osea separando, como si top y right fueran parametros diferentes, ah, me vino buenisimo este dato para mi blog, y aunque a jmiur piense que se tiene que poder ver en todos los navegadores, yo creo que si estas ofresiendo una mejor opcion, queda en el nivel de razonamiento del usuario seguir usando IE.

Espero lo ultimo no este de mas, y que este parametro se estandarize, porque no pienso tomarme el extenso trabajo que requiere utilizar bordes en IE por una minoria.

PD: Estoy seguro ya lo sabias, pero estaria bueno que los que leen este post tambien se enteren de la opcion, ademas la emocion fue por descubrirlo solo(al tanteojaja). Segui asi genia!

Responder
Shark_Bloody

Ah, espeo no te molesten mis comentarios aclaratorios, y si me equivoco en algo no dudes en corregirme:)

Responder
Anónimo

Hola , felicitaciones por el sitio, lamento hacer una consulta de otro tema aquí, es que no supe en que otro lugar de tu blog era posible.
El sunto es que modifiqué mi blog y estaba listo para usarlo pero luego apareció un mensaje que me dice que no puedo enlazar imagenes mayores de 250 px.
Te estaría muy agradecido con algún datito.

Responder
Victor

Hola GEM@, gracias por la ayuda que nos ofreces en tu blog.

Mi blog es www.zuzo.blogspot.com
Quisiera ver si podrías decirme como dividir la sidebar de una manera que quede como en http://www.tecnobita.com/
mas bien que tenga las dos sidebars que tengo pero con la posibilidad de poner cosas que ocupen las dos, como si fuera una sidebar mas grande arriba de las dos que tengo.

Espero y entiendas mi duda, gracias.

Responder
Gem@

Sharck: -moz-border-radius está bien, sin embargo yo sigo buscando una forma de crear esquinas redondeadas con CSS y sin scripts que se vea con ambos navegadores.
No puede molestarme cualquier aportación que hagas, al contrario son bien recibidas ;)

Américo Robles es extraño porque tienes un espacio para las entradas con width: 600px;
¿El problema es subir las imágenes a Blogger o enlazar imágenes externas?
Prueba a subir la imagen a otro servidor y añadirla a la entrada con:
<img src="url-de-la-imagen/"> y me dices que pasa ;)

Victor ¿te refieres a algo asíasí? o al espacio que hay encima del todo de esa página?

Responder
Victor

Hola gem@ creo que con esta imagen que edité resuelvo mi duda:

http://i169.photobucket.com/albums/u212/victorsr04/fsscr022.jpg

Responder
Gem@

Muy bien Victor, si te parece hago la entrada con las explicaciones por si es útil para alguien más ;)

Responder
Victor

Bueno, gracias por tu atención ;)

Atte

Victor

Responder
Victor

Hola
Lei tu mensaje en mi blog, la imagen es asi por que la modifiqué con paint :) para que quedara asi, por eso es que te pedia como poner una asi en mi blog.

Gracias por la atencion.
Atte
Victor

Responder
Gem@

Leí esta entrada pero olvidé contestar.
De todas formas ya lo conseguimos ;)

Responder
Anónimo

Hola Gem@.

Excelente, que emoción!!!!.

Uno de los pocos truquitos que me salen tan geniales y sin problemas, recuerdas que te dije que trabajo en una minima!!.

Saludos y gracias por estos tan fáciles truquitos!!!.

Responder
Gem@

Ya veremos los resultados Birdelo :)

Responder
alvakai

Hola, Gema, gracias por tantos consejos, estoy aprendido muchísimas cosas :) Verás, tengo una cosa que me gustaría hacer y es eliminar las líneas de separación de algunas secciones. Me gusta la línea "-----" que viene por defecto en la plantilla, pero en el algunas secciones creo que sobra, como en el contador, que ya tiene bordes propios y veo feas esas líneas. ¿Sería posible hacerlo? Seguro que sí y que además sabes como jeje. Gracias. Saludos.
Este es mi blog

Responder
Gem@

Hola Alvakai mira aquí ;)

Responder
alvakai

Gema... ¿quieres casarte conmigo? :P

Gracias!

Responder
Gem@

Me alegra que lo solucionaras.

Responder
Anónimo

Holis Gema!!

¿Habrá un tema sobre esto?.. mm.. no lo sé!!

Por eso escribo aquí :o

¿Cómo puedo borrar del footer las sgtes palabras: Copyright © 2008 Carpathian Kingdom | Plantilla Blogger, para en su lugar poner una imagen?

Traté, pero al borrarlas también se va el box donde están :((

Help me please!!

Saludos
Byeee

Responder
Gem@

Puedes hacer dos cosas Sidhe, eliminarlas y crear otro elemento de página:
http://gemablog-.blogspot.com/2007/06/aadir-elementos-en-pgina-de-diseo.html
Como ese texto debe estar en un elemento HTML... también puedes en lugar de eliminarlo sustituir el texto por la imagen con:
<img src="url-de-la-imagen"/>

Responder
Anónimo

Gema.. hice lo de agregar img.. pero tengo un problema, hay una pequeña parte que me queda negra como el fondo. ¿Esto es por el tamaño de la imagen? ¿Dónde puedo regular el tamaño del footer?

Gracias por responder :P

Responder
Gem@

Sidhe para que quede al final del todo y no se vea ese espacio negro prueba a añadirla en la plantilla justo antes de </body> (mira en vista previa)

Responder
mi divernao

:)

Responder
Gem@

Bienvenido Francisco :)

Responder
FILÁ NOSOTRAS

Hola Gem@ muchas gracias esta muy bien, me he vuelto loca pero esta muy bien, un abrazo

Responder
Gem@

NOSOTRAS es muy sencillo, pero quizás no tan divertido como vuestras fiestas :)

Responder
Unknown

hola gem@ he encontrado esta web http://www.robertomarquino.com/blog/?p=620. ¿Cómo se ponen lineas en la sidebar dividiendo cada línea, y 2) tienes idea de cómo se pone el título en vertical? graaaciaaass

Responder
Gem@

lk es muy sencillo, las líneas se añaden al crear una lista, puedes hacerlo añadiendo en la css de la plantilla (antes de ]]></b:skin>) lo siguiente:
li.sidebar-list {
border-bottom: 1px solid #000;
}
solid es el tipo de borde, y el color es el negro que puedes sustituir ambas cosas.
Guardas los ca,bios y cada vez que deseas añadir ese efecto de las líneas lo haces en un elemento de página HTML y en su interior añades:

<ul>
<li class="sidebar-list">aquí cualquier contenido </li>
<li class="sidebar-list">aquí cualquier contenido</li>
</ul>

Cada contenido ya sea texto o enlaces quedará separado de una línea.

Esa fuente en vertical tan llamativa (me gusta, yo lo hice hace tiempo en una plantilla)no es más que una imagen, es decir un fondo con ese texto como imagen ;)

Responder
Unknown

gracias gem@! que dios te guarde en su seno, y se apiade de mí, eres fantástica, mejor no lo podías haber explicado!

Responder
Gem@

Gracias a ti lk :)

Responder
Ami~

¡Gema, Gema!

Había estado usando estas divisiones, hasta que ayer noté que la imagen que tengo de fondo para el contenido, se visualiza como si estuviese en main wrapper, pero no es así, la tenía sólo para las entradas y el footer, el código está bien, en post body :-| es extraño porque los bordes siguen apareciendo, pero la imagen cubre todo el main-wrapper...y me estropea los colores que tenía originalemente para fecha y título. Y con respecto a esto mismo, en IE no se visualiza la imagen de fondo del contenido, así que tuve que poner colores.
Este es el blog: http://cockayne-soup.blogspot.com/

Ojala me puedas ayudar, ¡te lo agradecería un montón!

Gracias por tu buena disposición y buena voluntad ;) sin tus consejos no hubiese podido armar mi blog :D

Ami.

Responder
Gem@

A simple vista la única diferencia en tu plantilla de ayer a hoy es en #content-wrapper que añadiste float: center prueba a eliminarlo por si fuera eso y me lo dices por si seguimos mirando ;)

Responder
.

Hola.
No sé si es el lugar más adecuado pero tengo una duda sobre: http://unmisantropo.blogspot.com/
En el portátil tengo pantalla panorámica y se ve correctamente pero he visto que en otros ordenadores de pantalla más estrecha sale mal. Carga todo correctamente salvo las entradas, que aparecen abajo del todo cuando termina la columna de la izquierda. ¿Cómo podría solucionarse esto?

Muchas gracias y saludos

Responder
Gem@

bLuEsMaN yo diría que no es cosa de la resolución de pantalla sino del navegador, estuve mirando y con Firefox se ve perfecta pero con Explorer se ve ese efecto de la columna central desplazada.
Prueba a darle menos anchura a la columna central creo que le diste demasiada y eso hace que al no tener espacio se desplace ;)

Responder
.

Muchas gracias. Voy a ponerme a hacer pruebas a ver si hay suerte.

saludos

Responder
Gem@

Suerte bLuEsMaN ;)

Responder
PITU

Gem@ espero que salga el comentario
divido las secciones en la entradas se queda pero en la sidelbar no ¿HICE ALGO MAL? TEN PACIENCIA CON MIGO

Responder
Gem@

¿De qué blog estamos hablando Pitu?

Responder
Anónimo

Gem@ el blog en cuestion es: http://sinhumosmas.blogspot.com/
muchas gracias

Responder
Gem@

Pitu una coma que no debería estar es el motivo.
.sidebar .widget, {

Añádelo así:.sidebar .widget { ;)

Responder
PITU

Tienes toda la razon lo tenia asi, pero aunque lo puse como me dices esta igual, algo mas hice mal, muchas gracias Gem@

Responder
Gem@

yz Siguen habiendo algunos errores Pitu, mira prueba así:

.sidebar .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #b3b3b3;
border: 1px solid #cc6666;
padding: 10px 5px 10px 22px;
background:#990000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

Responder
Unknown

Gracias Gem@: Acabo de probar los bordes redondeados, un menu, dividers en mi blog y quedan estupendos!! Me falta seguir probando como tu dices para afinar mucho mas. Mil gracias!

Leonel Jimenez.
Ya te lo habia dando antes el blog que estoy haciendo, pero aqui va de nuevo.
http://itr83.blogspot.com/

Responder
Gem@

yz Hola Leonel ¡ ha quedado de lujo de verdad !
Lo de "Blogs Preferidos" te lo agradezco mucho :)

Responder
Motoramica | Historia del Motor

Hola Gema!
Mi sidebar es simple, sin divisiones. ¿Como puedo hacer para crear un cuadro de color negro que contenga texto e imagenes en el sidebar?

Gracias otra vez!

Responder
Deybi

Hola Gem@.

Espero que no te moleste esto: http://maestrosdelblog.com.ar/posicionamiento/personalizar-plantilla/.

Te hemos dado los créditos y puesto los enlaces correspondientes.

¡Saludos!.

Responder
Gem@

yz Claro que no me importa Deybi, hace unos meses ya vi alguna entrada de este blog :)
Suerte en el proyecto ;)

Responder
PITU

muchas gracias GEM@, faltaba la mitad de cosas

Responder
Gem@

yz Me alegra que esté solucionado PITU :)

Responder
depozoblanco

Hola de nuevo. Tengo un problema con la plantillas de blogger que he escogido, porque resulta que se visualiza bien en Firefox, pero en IE 6, (que lo tiene mucha gente aún), no se ve igual, ya que el fondo donde se escriben los post, lo pone de un azul chillón que no veas, y el texto no se puede ni leer. Y resulta que en realidad el fondo es rojo o casi negro, y el texto en blanco. ¿Qué demonios podría hacer? Vean lo que digo en IE6, y en Mozilla Firefox (la diferencia es grande): www.sosbandas.blogspot.com

Responder
Gem@

yz depozoblanco el problema no es de la plantilla, es del navegador, IE 6 es una versión muy antigua y debe actualizarse.
Yo tengo instalada la versión 8 y se ve igual con Explorer que con Firefox :D
Lo ideal es que la gente actualice sus navegadores, es como un antivirus si no lo actualizamos es como si no tuviéramos nada :)

Responder
gab

Hola, es mi primera vez por este sitio y lo encuentro bien interesante sus aportaciones, y quisiera uno en particular, para mi problemilla je je. es lo siguiente. sabe me gustaria personalizar mi footer y la plantilla que uso es minima, ya que muchos lo recomiendan,porque es mas flexible, y para principiantes creo.Agradecera anticipadamente su aporte, saludos desde perú.

Responder
gab

prdone por no dcir lo que quiero, lo que deseo es poner mi footer en tres apartados para colocar gadgets, osea seria tres gadgets en el footer. gracias.

Responder
Gem@

yz Saludos gab :)
Para crear tres secciones en el footer y personalizarlo puedes seguir los pasos de la siguiente dirección.
http://gemablog-.blogspot.com/2009/04/columnas-en-el-footer.html
Cualquier duda házmelo saber ;)

Responder
freddyy

Gem@ no esta demas decirte que tu blogs es MUY BUENO, pero mas aun UTIL y eso es HIPER BUENO.
Bue despues de ese intro... pretendo acomodar un pocomas mi blogs y ahi van algunas preguntontas (ya quie soy muy novato en esto)...

1. como agrego el texto a que se refiere.. acerca de... y contacto. como cambio el color de ellos?

2. como cambio el color de titulo de comentarios?

3. los textos de seguidores.. miembros etc... coo cambio el color ya que se ven negro igual que la base de mi plantilla?

4. (bue abusando de tu amabilidad) como podria hacer para que tanto publico: etiquetas enlace y cant comentarios quede en el final de los comentarios?

mi blog es violetasproductosartesanales.blogspot.com y desde ya cualquier observacion sera bien recibida de tu parte , gracias por adelantado besote :)

Responder
Gem@

yz freddyy en esta entrada verás la forma de configurar un menú:
http://gemablog-.blogspot.com/2009/02/anadir-enlazar-configurar-menus.html
No es necesario que cambies nada simplemente lo que me preguntas
» Enlazar el perfil de autor «
» Enlace a envío de correo «

- Para modificar el gadget de seguidores en el mismo gadget nos proporciona una tabla de colores, puedes modificarlos desde ahí.

La otra pregunta no la he entendido bien :(

Responder
freddyy

gracias reyna !! :) me referia a.. vistes que vos en el final del comentario aparece la fecha si? En el caso de mis comentarios querria que aparezca publiaco por: VioletaS (cant comentarios), pero que no salga ni etiquetas ni nada mas.. Obvio que no los habilito dedse el gadget, pero salen igual entre el titulo y el cuerpo del comentario. ojala pueda haber sido claro. gracias :)

Responder
Anónimo

hola disculpa la molestia pero tengo un blog en blogger y estoy tratando de separar las entradar con esos separadores tan lindo que hay y no logro que salga. te agradezco la ayuda que me puedas dar. L4 b0n1s

Responder
Gem@

yz freddyy puedes seguir los pasos de la siguiente entrada pero al contrario, es decir eliminando la parte correspondiente a etiquetas:
http://gemablog-.blogspot.com/2009/05/recuperar-datos-en-post-footer.html

yz Anónimo todas las plantillas no son iguales, si no veo tu blog no puedo saber donde añadir esa línea separadora.

Responder
L4 Bon1s

Disculpa Gem@, mi blog es http://saladiecinueve.blogspot.com/...gracias por tu ayuda

Responder
L4 Bon1s

Disculpa Gem@, soy quien te pregunto como incluir en mi blog las lineas separadoras entre entradas.
Mi blog es http://saladiecinueve.blogspot.com/...gracias por tu ayuda.

Responder
Anónimo

HOLA GEMA MIRA, YO NO QUIERO DIFERENCIAR LOS COMENTARIOS PARES DE IMPARES SOLO QUIERO COLOCARLES UN FONDO Y COMO HACER PARA QUE LOS NOMBRES QUEDEN ESTILIZADOS TE DEJO MI BLOG PARA QUE REVISES, ES SOLO DE PRUEBA, ES MUY FEO PERO ES UN BORRADOR bitacoradeuncritico.blogspot.com

te agradezco una ayudita, y perdona la ignorancia

Responder
Gem@

yz Creo que ya encontraste solución L4 Bon1s añadiste esa ramitas brillantes :)

yz Anónimo hay varias formas de añadir color de fondo mira en la nube de etiquetas donde dice "comentarios" en esas mismas entradas que te digo también podrás ver como personalizar los nombres.

Responder
L4 Bon1s

Si gem@ gracias, encontre la solucion en este mismo blog, buenisimo todo lo que haces...y ademas... millon de gracias por molestarte al blog a mirar. saludos

Responder
L4 Bon1s

Hola Gem@ otra vez yo....disculpame la molestia pero estoy intentando hacer esto de la siderar pero no me quedan los bordes redondeados y quisiera poner otro fondo y si se puede con sombra para que quede como si estuviera pegado en la pared. gracias, saludos

Responder
Gem@

yz L4 Bon1s yo si veo que están redondeados debe ser que tu navegador es Explorer y por eso no lo ves :(
Para añadir fondo en los gadgets que has redondeado puedes hacerlo en .sidebar .widget
sustituyendo donde dice background:#ffffff; por
background:url(aquí url de la imagen);
Las sombras tampoco se ven con Explorer :(

Responder
L4 Bon1s

Gracias Gem@... si tengo el explorer ya instale el mozila y si los veo redondedos.
Lastima que con el explorer no se vea, pero bueno, algo es algo, no?;)

Responder
Gem@

yz Uso Firefox de siempre y sólo en contadas ocasiones cuando me hablan de algún problema que yo no percibo es cuando lo utilizo Explorer, si que es una pena :(

Responder
* Strange Lola *

Gracias!! muy buen truco!! =) ... Estaba leyendo tu perfil y me siento identificada. Yo tmb me enamoré del diseño y todo eso, por eso tengo pensado estudiar diseño web... porq gracias a Bloger me dí cuenta de lo que me gustaba =)

Besos!!

Responder
Gem@

yz Extraña Lola que bueno que puedas hacer lo que tanto te gusta. ¿Nos enseñarás tus avances?

Responder
Carledens +HD

Hola Gema un fuerte saludo.. Queria hacerte una consulta, viendo la imagen que tienes de Vagabundia me percate de que sus entradas y su sidebar ocupan todo el ancho del blog, es decir, no hay espacios a los costados del blog.. Seria muy dificil ponerlo de esa manera? te cuento que he estado jugando con el ancho de las entradas, pero al aumentarlo solo se me retira hacia la izquierda y se me aleja de la sidebar y no es eso lo que quiero.. Tengo entendido que tambien habria que configurar el outer wrapper (que segun entiendo es el ancho total del blog), pero el detale es que mi plantilla no tiene o sta definido con otro nombre, lo cierto del caso es que no lo encuentro. Tambien he tenido problemas al agregar las tres columas en el Footer, ya que me quedan super anchas, practicamente me dobla el ancho de mi blog. No se que hacer ya, espero puedas al menos orientarme el por donde tendria que husmear a ver si resuelvo estos dos deseos. Saludos y un bestote.

http://yuridiafan.blogspot.com

Responder
Gem@

yz Hola Carled yo no veo que la plantilla de Vagabundia sea de ancho total, tiene unas líneas en los laterales :O
He mirado tu plantilla y el problema que veo es el mismo que comentas, no veo outer wrapper y ese es el ancho total del blog. Veo un #wrapper pero no tiene definidos los estilos, sin embargo se aprecia esta parte:
#page {
width: 920px;
margin: 0 auto;
padding: 40px 20px 0px 20px;
background: #000000;
}
Creo que eso sería el outer wrapper, pero es confuso porque porque la plantilla o no es original de Blogger o está muy modificada.
Puedes probar a umentar el ancho de las entradas y la misma cantidad que aumentes se la aumentas a #page (yo lo haría en un blog de pruebas con la misma plantilla) ;)

Responder
Carledens +HD

Hola Gema, te cuento, la plantilla original es la Characterized creo que adaptada a blogger por chica blogger. Los unicos cambios que le he hecho han sido, borrar el "publicado por" y cosas por el estilo, no la he tocado mucho, lo cierto del caso es que le modifique los valores como me contaste y no pude solucionarlo, ojala me puedas aconsejar nuevamente por favor me urge demasiado expandir el ancho de mis entradas... esperare cualquier minima esperanza para solucionar mi problema. Un beso y saludos

http://yuridawebfans.blogspot.com

Responder
Carledens +HD

Ya esta listo Gema xD .. creo que no habia entedido bien tu respuesta jeje. (y eso que la lei como 20 veces jeje), como me dio lata esta vaina... estaba definido de otra manera esta plantilla.. el PAGE vendria a hacer el Outer Wrapper, como bien me lo habias comentado, el CONTENT vendria siendo el Main y la sidebar pss si se llamaba igual.. ohh no tienes idea cuanto movi esos valores para caer en cuenta que asi estaba definida, un enredo para mi que ando en mis primeros pininos... muchas gracias por insentivar a que nos metamos en la plantillas a husmear y asi aprender de este mundo tan maravilloso.. un besote Gema... seguire revisando tu blog a ver que encuentroo

Responder
Gem@

:: No puedo acceder a tu blog Carled :(

Responder
Anónimo

mUY BUENAS ENTRADAS GEMA VISITAME

Responder
el_goyenze

Hola como estas?
Te queria hacer una pregunta, como puedo hacer para dividir un gadget de mi sidebar para poner un logo a lado de otro, ya que vi en varios lugares como hacerlo pero en la mia no me sale ya que tengo dos (por lo menos en la plantilla aparecen dos) una dice "#sidebar-wrapper {" como es normal y la otra dice "#rsidebar-wrapper{" y cuando la divido se me va todo para abajo del los post. Y no se que hacer.
Me podrias dar una mano?
De aqui saque la plantilla y la puedes descargar y ver lo que digo.
http://www.plantillasbloggers.com/2011/02/genteen.html
Desde ya muchas gracias.

Responder
el_goyenze

Es que quiero poner dos publicidades una alado de la otra como vi en otras paginas, y no se como hacerlo para que queden juntas.
Es como vi en El Escaparate de Rosa:
http://elescaparatederosa.blogspot.com/2009/08/nueva-sidebar-dividida-en-dos.html
Pero no me sale con mi plantilla.

Y el link de la plantilla esta bueno, ami me funciona, pero aqui te dejo los links de descarga:
http://www.megaupload.com/?d=A2GZH1Y3

De vista previa:
http://genteen-demo.blogspot.com/

Muchas gracias por tu atencion. Un abrazo.

Responder
Gem@

:: Somebody lamento la tardanza pero ya vi que en Vagabundia respondieron y me olvidé responder aquí :S

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top